<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/body.css"/>
		<style type="text/css">
				
			body{
				margin: 0;
				padding: 0;
			}
			label{
				margin-left: 70px;
			}
			.red{
				color: red;
			}
		#Shopping_two	table {
				border-collapse:separate; 
				border-spacing: 84px 10px;
			}
			p{
				margin-left:100px;
				margin-top: -37px;
			}
			/* three_Test 部分*/
			#tel{
				width:20%;
			}
			#tell{
				width: 40%;
			}
			#three_Test{
				margin-left: 300px;
			}
			table{
				border-collapse:separate; border-spacing:0px 15px;
			}
			/* .page{
				width:100%;
			    height: 500px;
			    margin:0 auto;
			}  
			.frame_style{
				border: medium none;
			} */
		</style>
	</head>
	<body>
		
		<!-- 头部引用 -->
		<div class="page">
		<iframe frameboder="no" border="0" scrolling="no" width="100%" height="200px" src="Header.html" class="frame_style">
		</iframe>
		
		<div id="Shopping_one">
			<img src="images/mycart.gif" >
			<label>全场运费一律2元</label>
			<label>简易计算器</label>
		</div>
		<div id="Shopping_two">
			<img src="images/buytitle_bg.gif" width="100%">
			<p>确认您的商品价格与交易条件</p>
			<table border="0" cellspacing="0" cellpadding="0">
				<tr><th>商品名</th>
				<th>原价</th>
				<th>优惠价</th>
				<th>打折</th>
				<th>数量</th>
				<th>删除</th>
				</tr>
				<tr><td>攀高搓背背靠垫按摩器（蓝色）（定制）</td>
				<td>￥258.00</td>
				<td class="red">￥129.00</td>
				<td>50折</td>
				<td><input type="text" name="" id="" value="" /></td>
				<td>删除</td>
				</tr>
				<tr><td>郝斌美国口语-美国口语成功训练系统（MP3）</td>
				<td>￥480.00</td>
				<td class="red">￥239.00</td>
				<td>50折</td>
				<td><input type="text" name="" id="" value="" /></td>
				<td>删除</td>
				</tr>
				<tr><td>简.奥斯汀全集（DVD-9）（赠BBC产品目录...）</td>
				<td>￥258.00</td>
				<td class="red">￥129.00</td>
				<td>50折</td>
				<td><input type="text" name="" id="" value="" /></td>
				<td>删除</td>
				</tr>
				<tr><td>继续挑选商品</td>
				<td colspan="2" style="text-align: center;">￥527.00</td>
				<td colspan="2" style="text-align: center;">你共节省:￥333.00</td>
				
				</tr>
			</table>
		</div>
		<div id="Shopping_three">
			<img src="images/buytitle_bg.gif" width="100%">
			<p>补充您的邮件地址和联系人基本信息</p>
			
			<div id="three_Test">
				<table border="0" cellspacing="0" cellpadding="0" >
				
					<tr><td>收件人：</td>
					<td style="width:1px;"><input type="text" name="" id="" value="" /></td></tr>
					<tr><td>地址：</td>
					<td style="width:1px;"><input type="text" name="" id="" value="" /></td><td><a href="address.html" target="_blank">请点击填写地址</a></td></tr>
					<tr><td>电话：</td>
					<td style="width:1px;"> <input type="text" name="" id="tel" value=""/>-<input type="text" name="" id="tell" value="" />-<input type="text" name="" id="tel" value="" width="30px"/></td><td>（区号-电话号码-分机）</td></tr>
			  		
					<tr>
					<td colspan="2" style="text-align: center;"><a href="#"><img src="images/submit.gif" ></a></td>
					<td></td>
					<td></td>
					</tr>
				</table>	
			</div>
			<div class="page">
			<iframe frameboder="no" scrolling="no" width="100%" height="250px" src="footer.html" class="frame_style">
			</iframe>
		</div>
	</body>
</html>
